@charset "utf-8";
/* CSS Document */
@media (max-width: 768px){
	.max{ padding-left:2%; padding-right:2%; box-sizing:border-box;}
	
	.header .max .seek{ display:none;}
	
	nav{ position:absolute; top:0px; left:0px; z-index:998; display:block; width:100%; overflow:hidden; background:none;}
	.nav{ position:absolute; float:left; background:rgba(54,54,54,0.80); z-index:20; right:0px; width:40%; overflow:hidden; display:block; margin:0px;}
	.nav.max{ padding:0px;}
	.nav li{ float:left; max-width:100%; width:100%; text-align:center;}
	.nav li a{ color:#fff; float:left; width:100%;  border-right:0px; padding:0px; font-size:16px;}
	.nav>li>a:hover{ border-bottom:2px solid #fff; color:#fff;}
	.nav li:hover{ background:rgba(175,15,13,1);}
	.dh{ display:block;}
	
	.header{ padding-bottom:0px;}
	.header .contact{ display:none;}
	.header .logo{ max-width:80%; margin:0px;}
	.banner{ height:auto;}
	.banner li img{ height:300px;}
	
	section.products{ padding-bottom:20px;}
	.pro_b li{ max-width:49%; width:100%; margin-right:0px; margin-bottom:22px !important;}
	.pro_b li:nth-of-type(even){ float:right;}
	
	.adv_b li:nth-of-type(2){ border:0px;}
	.adv_b li:nth-of-type(3){ max-width:100%; border:0px; margin:20px auto;}
	.adv_b li{ max-width:50%}
	
	.about_r{ max-width:100%; position:static;}
	.about .picture{display:none;}
	section.about{padding:48px 0px}
	.about_r .content{ max-width:100%; padding:60px 5%;}
	.about_r .more{ margin:0 auto; float:none; display:block;}
	
	.news_t .picture{ max-width:100%; width:100%;}
	.news_t .content{ max-width:100%;padding:0px 3% 20px 3%;}
	.news_b li{ max-width:100%; width:100%;}
	.news_b li:nth-last-of-type(-n+2){ display:none;}
	.news_t .picture img{ height:auto; width:auto;}
	
	.list_l{ display:none;}
	.list_r{ max-width:100%;}
	
	.page_news li .picture{ width:100%; max-width:100%; }
	.page_news li .picture img{height:auto;}
	.page_news li .content{ max-width:100%;}
	.page_news li .content .title{ line-height:24px; padding:8px 0px;}
	.page_products ul li{ max-width:49%; margin:0px;}
	.page_products ul li:nth-of-type(even){ float:right;}
	.page_products ul{ justify-content:space-between;}
	
	
}
@media (max-width: 425px){
	.header .logo .content{ display:none;}
	.header .logo .picture img{ max-height:70px;}
	.banner li img{ height:200px;}
	.lef_rig span img{ height:50px;}
	.lef_rig span{ top:calc(100% - 50px);}
	.iconnav-list:before{ font-size:40px;}
	
	.header_line .text{ display:none;}
	.header_line .title{ max-width:100%;}
	
	.often{ margin:28px auto}
	.often_t .letter{ font-size:42px;}
	.often_t .content .title{ font-size:20px;}
	.often_t .content .text{ font-size:12px;}
	.often_t::before{ max-width:calc((100% - 180px) / 2);}
	.often_t::after{  max-width:calc((100% - 180px) / 2);}
	.pro_b li .picture img{ height:180px;}
	.pro_b li .title{ font-size:14px;}
	.pro_b li:nth-of-type(n+5){ display:none;}
	
	.plate_title .title{ font-size:20px;}
	.plate_title .text{ font-size:12px;}
	.adv_b li p{ font-size:16px;line-height:24px;}
	.plate_title{ margin-bottom:20px;}
	.adv_b li:nth-of-type(3){ margin:10px auto;}
	
	.about_r .content{ padding:30px 5%;}
	.about_r .content .title{ font-size:18px;}
	.about_r .content .title::after{ width:38px;}
	.about_r .content .text{ font-size:14px; line-height:26px; margin:20px auto;}
	.news_t .content .title{ margin-top:15px; font-size:16px;}
	.news_t .content .text{ font-size:12px; margin-top:10px;}
	.news_t .content .more{ margin-top:10px;}
	
	.news_b li .title{ font-size:14px;}
	.news_b li .text{ font-size:12px;line-height:24px; height:48px;}
	.news_b{ padding:26px 0px;}
	
	.work_b li{ width:400px; margin:0px 14px;}
	.work_b li .picture img{ height:280px;}
	.work_b{ height:333px;}
	
	
	.sj_footer{ display:block;}
	footer.footer{padding-bottom:77px;}
	
	.page{ margin:20px auto;}
	.page_intro .title{ font-size:20px;}
	.list_intro span{ display:block; width:100%;}
	section.url{background:#363636;}
	.news_b li .content{ padding-right:2%; max-width:calc(100% - 82px);}
}

@media (max-width: 375px){
	.pro_b li .picture img{ height:150px;}
	
	.work_b li{ width:346px; margin:0px 14px;}
	.work_b li .picture img{ height:280px;}
	.work_b{ height:333px;}
	
	.page_products ul li .picture img{ height:160px;}
	
	
	footer.footer{padding-bottom:77px;}
	.lef_rig span{ top:calc(50% - 25px) !important;}
	
}



@media (max-width: 320px){
	.banner li img{ height:150px;}
	.page_products ul li{ max-width:100%;}
	.page_products ul li .picture img{ height:auto;}
}